<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="zy.media.css" />
		<script type="text/javascript" src="zy.media.js"> </script>
		<style type="text/css">
			#modelView {
				background-color: #DDDDDD;
				z-index: 0;
				opacity: 0.7;
				height: 100%;
				width: 100%;
				position: relative;
			}

			.playvideo {
				padding-top: auto;
				z-index: 9999;
				position: relative;
				width: 300px;
				height: 200px;
			}

			.zy_media {
				z-index: 999999999
			}
		</style>
	</head>
	<body>
		<div class="playvideo">
			<div class="zy_media">
				<video data-config='{"mediaTitle": "测试视频--视频"}'>
					<source src="BBC.超萌动物.mp4" type="video/mp4">
					您的浏览器不支持HTML5视频
				</video>

			</div>
			<div id="modelView">&nbsp;</div>
		</div>
	</body>
	<script>
		zymedia('video', {
			autoplay: false
		});
	</script>
</html>
